<template>
    <div id="home_recommend">
        <ul>
            <li v-for="(item,index) in recomend" v-bind:key="index">
                    <img :src="item.image">
                    <p>{{item.title}}</p>
            </li>
        </ul>
    </div>
</template>

<script>
    export default {
        name: "HomeRecomend",
        props:{
            recomend:Array
        }
    }
</script>

<style scoped>
#home_recommend ul{
    margin-top: 10px;
    margin-bottom: 10px;
    padding: 5px 0 15px 0;
    font-size: 12px;
    width: 100%;
    height: 100px;
    display: flex;
    border-bottom: #f6f6f6 15px solid;
    text-align: center;
}
#home_recommend ul li{
    float: left;
    list-style:none;
    flex: 1;
}
    #home_recommend ul li img{
        width:70px;
        height:70px;
    }
</style>